	<style type="text/css">
		label{
			width:120px;
			display:block;
		}
	</style>

	<script type="text/javascript">
		function loaddata1(){
			$('#ff').form('load','documentation/form_data.json');
		}
		function loaddata2(){
			$('#ff').form('load',{
				name:'name2',
				email:'mymail@gmail.com',
				subject:'subject2',
				message:'message2',
				language:5
			});
		}
		function cleardata(){
			$('#ff').form('clear');
		}
	</script>

	<h2>表单 - Form Demo</h2>
	<div class="demo-info">
		<div class="demo-tip icon-tip"></div>
		<div>点击下面按钮加载或清除的表单数据。<br>
		</div>
	</div>
	
	<div style="margin:10px 0;">
		<a href="#" class="easyui-linkbutton" onclick="loaddata1()">加载一</a> 
		<a href="#" class="easyui-linkbutton" onclick="loaddata2()">加载二</a> 
		<a href="#" class="easyui-linkbutton" onclick="cleardata()">清除</a> 
	</div>
	<div style="background:#fafafa;padding:10px;width:300px;height:300px;">
	    <form id="ff" method="post" novalidate>
	        <div>
	            <label for="name">Name:</label>
	            <input class="easyui-validatebox" type="text" name="name" data-options="required:true"></input>
	        </div>
	        <div>
	            <label for="email">Email:</label>
	            <input class="easyui-validatebox" type="text" name="email" data-options="validType:'email'"></input>
	        </div>
	        <div>
	            <label for="subject">Subject:</label>
	            <input class="easyui-validatebox" type="text" name="subject"></input>
	        </div>
	        <div>
	            <label for="message">Message:</label>
	            <textarea name="message" style="height:60px;"></textarea>
	        </div>
	        <div>
	            <label for="language">Language:</label>
				<input class="easyui-combobox" name="language"
						data-options="
								url:'documentation/combobox_data.json',
								valueField:'id',
								textField:'text',
								panelHeight:'auto'
						">
	        </div>
	        <div>
	            <input type="submit" value="提交">
	        </div>
	    </form>
	</div>
	
<h3>页面代码： </h3>
<pre name="code" class="html">&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
	&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot;&gt;
	&lt;title&gt;Form - jQuery EasyUI Demo&lt;/title&gt;
	&lt;style type=&quot;text/css&quot;&gt;
		label{
			width:120px;
			display:block;
		}
	&lt;/style&gt;
	&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;../themes/default/easyui.css&quot;&gt;
	&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;../themes/icon.css&quot;&gt;
	&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;demo.css&quot;&gt;
	&lt;script type=&quot;text/javascript&quot; src=&quot;../jquery-1.7.2.min.js&quot;&gt;&lt;/script&gt;
	&lt;script type=&quot;text/javascript&quot; src=&quot;../jquery.easyui.min.js&quot;&gt;&lt;/script&gt;
	&lt;script type=&quot;text/javascript&quot;&gt;
		function loaddata1(){
			$('#ff').form('load','form_data.json');
		}
		function loaddata2(){
			$('#ff').form('load',{
				name:'name2',
				email:'mymail@gmail.com',
				subject:'subject2',
				message:'message2',
				language:5
			});
		}
		function cleardata(){
			$('#ff').form('clear');
		}
	&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
	&lt;h2&gt;表单 - Form Demo&lt;/h2&gt;
	&lt;div class=&quot;demo-info&quot;&gt;
		&lt;div class=&quot;demo-tip icon-tip&quot;&gt;&lt;/div&gt;
		&lt;div&gt;点击下面按钮加载或清除的表单数据。&lt;br&gt;
		&lt;/div&gt;
	&lt;/div&gt;
	
	&lt;div style=&quot;margin:10px 0;&quot;&gt;
		&lt;a href=&quot;#&quot; class=&quot;easyui-linkbutton&quot; onclick=&quot;loaddata1()&quot;&gt;加载一&lt;/a&gt; 
		&lt;a href=&quot;#&quot; class=&quot;easyui-linkbutton&quot; onclick=&quot;loaddata2()&quot;&gt;加载二&lt;/a&gt; 
		&lt;a href=&quot;#&quot; class=&quot;easyui-linkbutton&quot; onclick=&quot;cleardata()&quot;&gt;清除&lt;/a&gt; 
	&lt;/div&gt;
	&lt;div style=&quot;background:#fafafa;padding:10px;width:300px;height:300px;&quot;&gt;
	    &lt;form id=&quot;ff&quot; method=&quot;post&quot; novalidate&gt;
	        &lt;div&gt;
	            &lt;label for=&quot;name&quot;&gt;Name:&lt;/label&gt;
	            &lt;input class=&quot;easyui-validatebox&quot; type=&quot;text&quot; name=&quot;name&quot; data-options=&quot;required:true&quot;&gt;&lt;/input&gt;
	        &lt;/div&gt;
	        &lt;div&gt;
	            &lt;label for=&quot;email&quot;&gt;Email:&lt;/label&gt;
	            &lt;input class=&quot;easyui-validatebox&quot; type=&quot;text&quot; name=&quot;email&quot; data-options=&quot;validType:'email'&quot;&gt;&lt;/input&gt;
	        &lt;/div&gt;
	        &lt;div&gt;
	            &lt;label for=&quot;subject&quot;&gt;Subject:&lt;/label&gt;
	            &lt;input class=&quot;easyui-validatebox&quot; type=&quot;text&quot; name=&quot;subject&quot;&gt;&lt;/input&gt;
	        &lt;/div&gt;
	        &lt;div&gt;
	            &lt;label for=&quot;message&quot;&gt;Message:&lt;/label&gt;
	            &lt;textarea name=&quot;message&quot; style=&quot;height:60px;&quot;&gt;&lt;/textarea&gt;
	        &lt;/div&gt;
	        &lt;div&gt;
	            &lt;label for=&quot;language&quot;&gt;Language:&lt;/label&gt;
				&lt;input class=&quot;easyui-combobox&quot; name=&quot;language&quot;
						data-options=&quot;
								url:'combobox_data.json',
								valueField:'id',
								textField:'text',
								panelHeight:'auto'
						&quot;&gt;
	        &lt;/div&gt;
	        &lt;div&gt;
	            &lt;input type=&quot;submit&quot; value=&quot;提交&quot;&gt;
	        &lt;/div&gt;
	    &lt;/form&gt;
	&lt;/div&gt;
	
&lt;/body&gt;
&lt;/html&gt;</pre>
<SCRIPT type=text/javascript>
	dp.SyntaxHighlighter.ClipboardSwf = 'documentation/js/clipboard.swf'/*tpa=http://jeasyui.com/SyntaxHighlighter/Scripts/clipboard.swf*/;
	dp.SyntaxHighlighter.HighlightAll('code');
</SCRIPT>


